//
// Variables
//
// Either vanilla Bootstrap's "variables.less" or this package's
//  "default-variables.less" should be loaded before this file.
// -------------------------------------------------------------

$zindex-navmenu-fixed:     $zindex-modal;
$zindex-alert-fixed:       1035;

$container-smooth:         $container-lg;

$alert-fixed-width:        $screen-md-min;


//== Navmenu

// Basics of a navmenu
$navmenu-width:                     300px;
$navmenu-margin-vertical:           (0.5 * $line-height-computed);
$navmenu-default-color:             #777;
$navmenu-default-bg:                #f8f8f8;
$navmenu-default-border:            darken($navmenu-default-bg, 6.5%);

// Navmenu links
$navmenu-default-link-color:                #777;
$navmenu-default-link-hover-color:          #333;
$navmenu-default-link-hover-bg:             transparent;
$navmenu-default-link-active-color:         #555;
$navmenu-default-link-active-bg:            darken($navmenu-default-bg, 6.5%);
$navmenu-default-link-disabled-color:       #ccc;
$navmenu-default-link-disabled-bg:          transparent;

// Navmenu brand label
$navmenu-default-brand-color:               $navmenu-default-link-color;
$navmenu-default-brand-hover-color:         darken($navmenu-default-link-color, 10%);
$navmenu-default-brand-hover-bg:            transparent;


// Inverted navmenu
//
// Reset inverted navmenu basics
$navmenu-inverse-color:                      $gray-light;
$navmenu-inverse-bg:                         #222;
$navmenu-inverse-border:                     darken($navmenu-inverse-bg, 10%);

// Inverted navmenu links
$navmenu-inverse-link-color:                 $gray-light;
$navmenu-inverse-link-hover-color:           #fff;
$navmenu-inverse-link-hover-bg:              transparent;
$navmenu-inverse-link-active-color:          $navmenu-inverse-link-hover-color;
$navmenu-inverse-link-active-bg:             darken($navmenu-inverse-bg, 10%);
$navmenu-inverse-link-disabled-color:        #444;
$navmenu-inverse-link-disabled-bg:           transparent;

// Inverted navmenu brand label
$navmenu-inverse-brand-color:                $navmenu-inverse-link-color;
$navmenu-inverse-brand-hover-color:          #fff;
$navmenu-inverse-brand-hover-bg:             transparent;

// Inverted navmenu search
// Normal navmenu needs no special styles or vars
$navmenu-inverse-search-bg:                  lighten($navmenu-inverse-bg, 25%);
$navmenu-inverse-search-bg-focus:            #fff;
$navmenu-inverse-search-border:              $navmenu-inverse-bg;
$navmenu-inverse-search-placeholder-color:   #ccc;
